
<html>
	<head>
		<title>Home</title>
	<style type="text/css">
		#supernav {width:356px;height:24px;background:url(images/supernav-bg.png) no-repeat;position:absolute;top:0;right:0; float:right}
		#supernav ul {margin:0;padding:0;list-style-type:none;}
		#supernav ul li {font-size:11px;font-weight:bold;margin:5px 0 0 10px;padding:0;float:left;}
		#supernav ul li a {color:blue;}
		#signout {margin-right: 5px; text-align: right;float: right;}
	</style>
	</head>
	<body>
	
	<div id="supernav">
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<a id="signout" href="signout">Sign Out</a>
	</ul>
    </div>
    
	<h3>Your Facebook Friends</h3>
	<ul>
	<!-- 
	<c:forEach items="${friends}" var="friend">
		<li><img src="http://graph.facebook.com/<c:out value="${friend.id}"/>/picture" align="middle"/><c:out value="${friend.name}"/></li>
	</c:forEach>
	 -->
	#foreach($friend in $friends)
		<li><img src="http://graph.facebook.com/$friend.id/picture" align="middle"/>$friend.name</li>
	#end
	</ul>	
	</body>
</html>